@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-size: 12px;
    color: inherit;
    font-family:Tahoma, Geneva, sans-serif;	
    font-size:100%;
}

*{
    line-height:17px;
}
ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;

}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    display: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

A:link,A:active,A:visited{text-decoration:none;}
A:hover{text-decoration:none;}

a.active{
    color:#aa3325;
}
.text_red{
    color:#aa3325;

}
.text_red_1{
    color:#aa3325;
    text-decoration:underline!important;
}
.with_109{
    width:109%;	
}
.width200em{
    width:2000em;	
}

/* util

*/
.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
.clearfix, .container {display: block;}
.clear {
    clear: both;
}

.left	{ float: left;	}
.right	{ float: right;	}

.mar10{
    margin-bottom:10px;
}
.maL10{
    margin-left:10px;
}
.maB2{
    margin-bottom:2px!important;
}
/*********************************LAY-OUT******************/
body {
    background-color:white;
    margin: 0px;
}

#footer{
    margin:0 auto;
    position:relative;
    clear:both;
    margin-top:45px;
}
.main{
    width:940px;
    margin:0 auto;
}

/* layout */
#container {
    margin:0 auto;
    overflow:hidden;
}
#column-left {
    float: left;
    width: 180px;
}
#column-right {
    float: right;
    width: 180px;
}

#column-left + #column-right + #content, #column-left + #content {
    margin-left: 195px;
}
#column-right + #content {
    margin-right: 195px;
}
.main{
    width:940px;
    margin:0 auto;
}
/* header */

#header .main {
    background-color: white;
    position: relative;
    width: 940px;
    overflow: hidden;
    margin: 0 auto;
    height: 110px;
}

#header #logo {
    position: absolute;
    top: 25px;
    left: 15px;
}

#header #search {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 298px;
    z-index: 15;
}
#header .button-search {
    position: absolute;
    left: 0px;
    background: url('../image/button-search.png') center center no-repeat;
    width: 28px;
    height: 24px;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
}
#header #search input {
    background: #FFF;
    padding: 1px 1px 1px 33px;
    width: 262px;
    height: 21px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 2px 0px #F0F0F0;
    -moz-box-shadow: 0px 2px 0px #F0F0F0;
    box-shadow: 0px 2px 0px #F0F0F0;
}
#header #welcome {
    position: absolute;
    top: 47px;
    right: 0px;
    z-index: 5;
    width: 298px;
    text-align: right;
    color: #999999;
}
#header .links {
    position: absolute;
    right: 0px;
    bottom: 3px;
    font-size: 10px;
    padding-right: 10px;
}
#header .links a {
    float: left;
    display: block;
    padding: 0px 0px 0px 7px;
    color: #38B0E3;
    text-decoration: none;
    font-size: 12px;
}
#header .links a + a {
    margin-left: 8px;
    border-left: 1px solid #CCC;
}

#header .flash {
    width: 754px;
    height: 101px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

/* menu */
#menu {
    background: url("../image/bg_menu.gif") repeat-x scroll left top transparent;
    height: 38px;
    line-height: 38px;
    margin-top: 8px;
}

#menu li{
    line-height:32px;
    color:#646464;
}
#menu ul.mainnav{
    float:left;
}
#menu ul.mainnav li{
    float:left;
    padding:0 1px;
    background:url(../image/bg_menu_li.gif) right top no-repeat;
    height:32px;
}
#menu li a {
    color: #68A631;
    display: block;
    float: left;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    padding: 0 15px;

}
.li_level_1{


}
#menu  li a:hover{
    color:white;
    text-decoration:none;	
    font-weight:bold;
    padding: 0 15px;

}
#menu li a.active,#menu li a.current {
    color:#ffffff;
    font-weight:bold;
}

.li_level_1{
    position:relative;
}
.level_2 ul{
    width:120%;
}
.level_2{
    position:absolute;
    width:250px;
    padding:11px 22px 18px 11px;
    border:5px solid #9ccf70;
    top:32px;
    left:0;
    z-index:9999;
    border-top:0px;
    background-color:white;
    overflow:hidden;
    display:none;
}
.level_2 li{ background: none repeat scroll 0 0 transparent !important;
             margin-right: 15px;
             width: 120px;}
.level_2 li a{font-size:12px!important;padding:0!important}
.level_2 li a:hover{
    color:#68A631!important;
    font-weight:normal!important;
    text-decoration:underline!important;
}
/* content */
#content {
    width: 940px;
    margin: 0 auto;
    margin-top: 17px;
}
#content .main {
    overflow: hidden;
}

.box_main_top {
    margin-bottom: 34px;
}

.main_img{
    width:458px;
    height:458px;
    overflow:hidden;
    border:1px solid #9ccf70;
    float: left;
}
.main_img ul li{
    list-style:none;

}
.list_items{
    position:relative;	
}
.list_items h2{
    background:url(../image/bg_slider.png) left top repeat;
    padding:14px 20px;
    position:absolute;
    top:10px;
    width:100%;
}
.list_items h2 a{
    font-size:18px;
    /*font-family:UTM Avo;*/
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
.box_items_fix{
    width:490px;
    float:left;
    height:460px;
    overflow:hidden;	
}
.box_items_fix_top{
    width:490px;
    float:left;	
}

.scroll-pane_1{
    height:265px;
    overflow:hidden;
}

/*Top sản phẩm trang chủ*/
.main_category {
    float:right;
    width:460px;	
}
.main_category .scroll-pane{
    height:460px;
}
.item_main_category{
    width:217px;
    height:204px;
    overflow:hidden;
    border:1px solid #c5c5c5;	
    float:left;
    margin:0 22px 21px 0;
}
.item_main_category h2{
    margin-top: 10px;
    background: url(../image/icon_next.png) 200px 50% no-repeat;
    background-color: #e9eff5;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.item_main_category h2 a{
    font-size: 18px;
    color: #417584;
    font-weight: normal;
    /*font-family: 'utm_avobold';*/
    font-family:Verdana, Geneva, sans-serif;
    line-height: 36px;		
}
.img_item_main_category{
    text-align: center;
    width: 100%;
    display: block;
    height:158px;
}

.breadcrumb {
    color: #CCCCCC;
    margin-bottom: 10px;
}
.success, .warning, .attention, .information {
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555555;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.success {
    background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
    border: 1px solid #BBDF8D;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.warning {
    background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
    border: 1px solid #F8ACAC;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.attention {
    background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
    border: 1px solid #F2DD8C;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer;
}
.required {
    color: #FF0000;
    font-weight: bold;
}
.error {
    display: block;
    color: #FF0000;
}
.help {
    color: #999;
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    display: block;
}
table.form {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.form tr td:first-child {
    width: 150px;
}
table.form > * > * > td {
    color: #000000;
}
table.form td {
    padding: 4px;
}
input.large-field, select.large-field {
    width: 300px;
}
table.list {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
table.list td {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
    background-color: #EFEFEF;
    padding: 0px 5px;
}
table.list thead td a, .list thead td {
    text-decoration: none;
    color: #222222;
    font-weight: bold;
}
table.list tbody td {
    vertical-align: top;
    padding: 0px 5px;
}
table.list .left {
    text-align: left;
    padding: 7px;
}
table.list .right {
    text-align: right;
    padding: 7px;
}
table.list .center {
    text-align: center;
    padding: 7px;
}
table.radio {
    width: 100%;
    border-collapse: collapse;
}
table.radio td {
    padding: 5px;
    vertical-align: top;
}
table.radio td label {
    display: block;
}
table.radio tr td:first-child {
    width: 1px;
}
table.radio tr td:first-child input {
    margin-top: 1px;
}
table.radio tr.highlight:hover td {
    background: #F1FFDD;
    cursor: pointer;
}
.pagination {
    border-top: 1px solid #EEEEEE;
    padding-top: 8px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.pagination .links {
    float: left;
}
.pagination .links a {
    display: inline-block;
    border: 1px solid #EEEEEE;
    padding: 4px 10px;
    text-decoration: none;
    color: #A3A3A3;
}
.pagination .links b {
    display: inline-block;
    border: 1px solid #269BC6;
    padding: 4px 10px;
    font-weight: normal;
    text-decoration: none;
    color: #269BC6;
    background: #FFFFFF;
}
.pagination .results {
    float: right;
    padding-top: 3px;
}
/* button */
a.button, input.button {
    cursor: pointer;
    color: #FFFFFF;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url('../image/button.png') top left repeat-x;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
}
input.button {
    margin: 0;
    border: 0;
    height: 24px;
    padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
    background: url('../image/button-active.png') repeat-x;
}
.buttons {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;
}
.buttons .left {
    float: left;
    text-align: left;
}
.buttons .right {
    float: right;
    text-align: right;
}
.buttons .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.htabs {
    height: 30px;
    line-height: 16px;
    border-bottom: 1px solid #DDDDDD;
}
.htabs a {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background: #FFFFFF url('../image/tab.png') repeat-x;
    padding: 7px 15px 6px 15px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000000;
    margin-right: 2px;
    display: none;
}
.htabs a.selected {
    padding-bottom: 7px;
    background: #FFFFFF;
}
.tab-content {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
}
/* box */
.box {
    margin-bottom: 20px;
}
.box .box-heading {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #DBDEE1;
    background: url('../image/background.png') repeat-x;
    padding: 8px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
}
.box .box-content {
    background: #FFFFFF;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    border-left: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    padding: 10px;
}
/* box products */
.box-product {
    width: 100%;
    overflow: auto;
}
.box-product > div {
    width: 130px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > div {
    width: 119px;
}
.box-product .image {
    display: block;
    margin-bottom: 0px;
}
.box-product .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.box-product .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.box-product .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.box-product .price-old {
    color: #F00;
    text-decoration: line-through;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
/* box category */
.box-category {
    margin-top: -5px;
}
.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category > ul > li {
    padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
    border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
    text-decoration: none;
    color: #333;
}
.box-category > ul > li ul {
    display: none;
}
.box-category > ul > li a.active {
    font-weight: bold;
}
.box-category > ul > li a.active + ul {
    display: block;
}
.box-category > ul > li ul > li {
    padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
    text-decoration: none;
    display: block;
}
.box-category > ul > li ul > li > a.active {
    font-weight: bold;
}

/* category */
.category-info {
    overflow: auto;
    margin-bottom: 20px;
}
.category-info .image {
    float: left;
    padding: 5px;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
}
.category-list {
    overflow: auto;
    margin-bottom: 20px;
}
.category-list ul {
    float: left;
    width: 18%;
}
/* manufacturer */
.manufacturer-list {
    border: 1px solid #DBDEE1;
    padding: 5px;
    overflow: auto;
    margin-bottom: 20px;
}
.manufacturer-heading {
    background: #F8F8F8;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px;
}
.manufacturer-content {
    padding: 8px;
}
.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}
/* product */
.product-filter {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
    overflow: auto;
}
.product-filter .display {
    margin-right: 15px;
    float: left;
    padding-top: 4px;
    color: #333;
}
.product-filter .display a {
    font-weight: bold;
}
.product-filter .sort {
    float: right;
    color: #333;
}
.product-filter .limit {
    margin-left: 15px;
    float: right;
    color: #333;
}
.product-compare {
    padding-top: 6px;
    margin-bottom: 25px;
    font-weight: bold;
}
.product-compare a {
    text-decoration: none;
    font-weight: bold;
}
.product-list > div {
    overflow: auto;
    margin-bottom: 15px;
}
.product-list .right {
    float: right;
    margin-left: 15px;
}
.product-list > div + div {
    border-top: 1px solid #EEEEEE;
    padding-top: 16px;
}
.product-list .image {
    float: left;
    margin-right: 10px;
}
.product-list .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.product-list .name {
    margin-bottom: 3px;
}
.product-list .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
}
.product-list .description {
    line-height: 15px;
    margin-bottom: 5px;
    color: #4D4D4D;
}
.product-list .rating {
    color: #7B7B7B;
}
.product-list .price {
    float: right;
    height: 50px;
    margin-left: 8px;
    text-align: right;
    color: #333333;
    font-size: 12px;
}
.product-list .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-list .price-new {
    font-weight: bold;
}
.product-list .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #BBBBBB;
}
.product-list .cart {
    margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare {
    margin-bottom: 3px;
}
.product-list .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
    width: 100%;
    overflow: auto;
}
.product-grid > div {
    width: 130px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 15px;
}
#column-left + #column-right + #content .product-grid > div {
    width: 125px;
}
.product-grid .image {
    display: block;
    margin-bottom: 0px;
}
.product-grid .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.product-grid .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.product-grid .description {
    display: none;
}
.product-grid .rating {
    display: block;
    margin-bottom: 4px;
}
.product-grid .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.product-grid .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-grid .price-new {
    font-weight: bold;
}
.product-grid .price .price-tax {
    display: none;
}
.product-grid .cart {
    margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
    margin-bottom: 3px;
}
.product-grid .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
/* Product */
.product-info {
    overflow: auto;
    margin-bottom: 20px;
}
.product-info > .left {
    float: left;
    margin-right: 15px;
}
.product-info > .left + .right {
    margin-left: 265px;
}
.product-info .image {
    border: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}
.product-info .image-additional {
    width: 260px;
    margin-left: -10px;
    clear: both;
    overflow: hidden;
}
.product-info .image-additional img {
    border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
    float: left;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}
.product-info .description {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 5px 10px 5px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #4D4D4D;
}
.product-info .description span {
    color: #38B0E3;
}
.product-info .description a {
    color: #4D4D4D;
    text-decoration: none;
}
.product-info .price {
    overflow: auto;
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.product-info .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.product-info .price .reward {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.product-info .price .discount {
    font-weight: normal;
    font-size: 12px;
    color: #4D4D4D;
}
.product-info .options {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    color: #000000;
}
.product-info .option-image {
    margin-top: 3px;
    margin-bottom: 10px;
}
.product-info .option-image label {
    display: block;
    width: 100%;
    height: 100%;
}
.product-info .option-image img {
    margin-right: 5px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
.product-info .cart {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 20px;
    color: #4D4D4D;
    overflow: auto;
}
.product-info .cart div {
    float: left;
    vertical-align: middle;
}
.product-info .cart div > span {
    padding-top: 7px;
    display: block;
    color: #999;
}
.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px;
    color: #999;
    clear: both;
}
.product-info .review {
    color: #4D4D4D;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    margin-bottom: 10px;
}
.product-info .review > div {
    padding: 8px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 20px;
}
.product-info .review > div > span {
    color: #38B0E3;
}
.product-info .review .share {
    overflow: auto;
    line-height: normal;
}
.product-info .review .share a {
    text-decoration: none;
}
.review-list {
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}
.review-list .author {
    float: left;
    margin-bottom: 20px;
}
.review-list .rating {
    float: right;
    margin-bottom: 20px;
}
.review-list .text {
    clear: both;
}
.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.attribute tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
    width: 20%;
}
.attribute td {
    padding: 7px;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.compare-info {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.compare-info tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
}
.compare-info td {
    padding: 7px;
    width: 20%;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
    font-weight: bold;
}
.compare-info .price-old {
    font-weight: bold;
    color: #F00;
    text-decoration: line-through;
}
.compare-info .price-new {
    font-weight: bold;
}
/* wishlist */
.wishlist-info table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.wishlist-info td {
    padding: 7px;
}
.wishlist-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
    text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
    text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
    text-align: right;
}
.wishlist-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
    border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
    text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
    text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
    text-align: right;
}
.wishlist-info tbody .price s {
    color: #F00;
}
.wishlist-info tbody .action img {
    cursor: pointer;
}
.login-content {
    margin-bottom: 20px;
    overflow: auto;
}
.login-content .left {
    float: left;
    width: 48%;
}
.login-content .right {
    float: right;
    width: 48%
}
.login-content .left .content, .login-content .right .content {
    min-height: 190px;
}
/* orders */
.order-list {
    margin-bottom: 10px;
}
.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.order-list .order-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
    float: left;
    width: 33.3%;
}
.order-list .order-info {
    text-align: right;
}
.order-detail {
    background: #EFEFEF;
    font-weight: bold;
}
/* returns */
.return-list {
    margin-bottom: 10px;
}
.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.return-list .return-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
    float: left;
    width: 33.3%;
}
.return-list .return-info {
    text-align: right;
}
.return-product {
    overflow: auto;
    margin-bottom: 20px;
}
.return-name {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-model {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-quantity {
    float: left;
    width: 31%;
}
.return-detail {
    overflow: auto;
    margin-bottom: 20px;
}
.return-reason {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-opened {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-opened textarea {
    width: 98%;
    vertical-align: top;
}
.return-captcha {
    float: left;
}
.download-list {
    margin-bottom: 10px;
}
.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.download-list .download-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
    float: left;
    width: 33.3%;
}
.download-list .download-info {
    text-align: right;
}
/* cart */
.cart-info table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.cart-info td {
    padding: 7px;
}
.cart-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
    text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
    text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
    text-align: right;
}
.cart-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
    border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
    text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
    text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
    position: relative;
    top: 4px;
    cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
    text-align: right;
}
.cart-info tbody span.stock {
    color: #F00;
    font-weight: bold;
}
.cart-module > div {
    display: none;
}
.cart-total {
    border-top: 1px solid #DDDDDD;
    overflow: auto;
    padding-top: 8px;
    margin-bottom: 15px;
}
.cart-total table {
    float: right;
}
.cart-total td {
    padding: 3px;
    text-align: right;
}
/* checkout */
.checkout-heading {
    background: #F8F8F8;
    border: 1px solid #DBDEE1;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}
.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none;
}
.checkout-content {
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}
.checkout-content .left {
    float: left;
    width: 48%;
}
.checkout-content .right {
    float: right;
    width: 48%;
}
.checkout-content .buttons {
    clear: both;
}
.checkout-product table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.checkout-product td {
    padding: 7px;
}
.checkout-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
    text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
    text-align: right;
}
.checkout-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
    text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
    text-align: right;
}
.checkout-product tfoot td {
    text-align: right;
    border-bottom: 1px solid #DDDDDD;
}
.contact-info {
    overflow: auto;
}
.contact-info .left {
    float: left;
    width: 48%;
}
.contact-info .right {
    float: left;
    width: 48%;
}
.sitemap-info {
    overflow: auto;
    margin-bottom: 40px;
}
.sitemap-info .left {
    float: left;
    width: 48%;
}
.sitemap-info .right {
    float: left;
    width: 48%;
}

/* banner */
.banner div {
    text-align: center;
    width: 100%;
    display: none;
}
.banner div img {
    margin-bottom: 20px;
}
/*scroll able*/

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;

}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{

}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: url(../image/bg_nen_1.jpg) left top repeat-x;
    position: relative;
    height:12px;
}

.jspDrag
{
    background: #68a631;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 12px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
    background:url(../image/icon_drag_next.jpg) left top no-repeat;
}
.jspArrowLeft{
    background:url(../image/icon_drag_back.jpg) left top no-repeat!important;
}
.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}
.scroll-pane_2{	
    overflow: hidden;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
.box_items_fix{
    width:490px;
    float:left;
    height:460px;
    overflow:hidden;	
}
.box_items_fix_top{
    width:490px;
    float:left;	
}
.items_two {
    padding-right: 35px;
    float: left;
    width: 160px;
}
.scroll-pane_1{
    height:265px;
    overflow:hidden;
}
.box_center{margin-top:15px;}
.box_center .title{
    border-top:2px solid #d8e4cd;
    height:36px;
    line-height:36px;
}
.box_center .title a{
    line-height:36px;

    font-size:14px;
    /*font-family: 'utm_avobold';*/
    font-weight:bold;	
}

.title_items li{
    float:left;
    line-height:36px;
    color:white;
}
.title_items li a.first{
    padding-left:12px;
}
.title_items li a{
    float:left;
    line-height:36px;
    color:white;
    font-size:13px;
    padding:0 33px;
}
.title label{
    float:left;
    line-height:36px;
    color:white;
    font-size:13px;
    padding-left:12px;
}
.title_items li a.active{
    text-decoration:underline;
}

.items{
    float:left;
    width:158px;
    height:235px;
    overflow:hidden;
    border:1px solid #a4a4a4;
    text-align:center;
    margin:0px 35px 15px 0;
    display:inline;
    position:relative;
}
.icon_down{
    position: absolute;
    z-index: 999;
    display: block;
    background: url(../image/icon_down.png) left top no-repeat;
    width: 62px;
    height: 53px;
    top: 93px;
    left: 95px;
}
.text_ration{
    -webkit-transform: rotate(334deg);
    -moz-transform: rotate(334deg);
    -o-transform: rotate(334deg);
    writing-mode: tb-rl;
    color: white;
    padding-top: 20px;
    display: block;
    padding-right: 10px;

}
.items-last{
    margin-right:0!important;
}
.items *{

}
.name_items{
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    color: #513241;
    padding-top: 22px;
    display: block;
    padding: 22px 24px 0 24px;
    line-height: 14px;
    color: #417584;
    font-family:Tahoma, Geneva, sans-serif;
}
.img_items{
    width:158px;
    height:118px;
    overflow:hidden;	
    margin:7px 0 0;
    line-height:16px;

}
.sp_price_off{
    font-size:11px;
    color:#b5b5b5;
    display:block;
    clear:both;
    text-decoration:line-through;
    font-size:11px;	
    line-height:14px;
}
.name_items small{
    font-size:11px;
    color:#4b4b4b;
    font-weight:normal;	
    font-size:11px;
}
.danhmuc_sp{
    height: 25px;
    background-color: #8fb76e;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.danhmuc_sp a{
    color:white;
    font-weight:bold;
    font-size:13px;	
    line-height:25px;
}
.sp_price{
    color:#ca0000;
    display:block;
    clear:both;
    font-size:11px;
    line-height:14px;
}
.logo_other_company_1{
    border:0px!important;
}
.logo_other_company{
    border-bottom:1px solid #bfbfbf;
}
.logo_other_company_1 li{
    padding:20px 13px  20px 0!important;

}
.logo_other_company li{
    float:left;

    padding:33px 18px 33px 0;
}
.logo_other_company li.last{
    padding-right:0!important;
    padding-bottom:0!important;
}
.logo_other_company li a{
    float:left;

}
.name_box_search{
    font-size:13px;
    font-weight:bold;
    color:#bb0715;
    padding-bottom:15px;
}
.box_search_product{
    border:1px solid #bababa;
    background-color:#e4e4e4;
    padding:12px 9px;
    overflow:hidden;
}
.box_search_product .input_text{
    width:124px!important;
}
.box_search_product .input_text,.box_search_product select{
    border:1px solid #BBBBBB;
    padding:3px 2px 2px 8px;
    width:136px;
}
.box_search_product select{

}
.row{
    display:block;
    margin-bottom:10px;
}

/*BOx*/
.box_main_top{
    margin-bottom:34px;
}
.box_product{
    margin-bottom:10px;
}

.box{
    margin-top:8px;
}

/*Sp khac*/
.items_sp{
    width:158px;
    height:158px;
    overflow:hidden;
    float:left;
    border:1px solid #a4a4a4;
    margin:0 0px 24px 0;
}
.name_items_items_sp{
    background:#e7edf4;
    height:29px;
    line-height:29px;
    text-align:center;
    margin-top:7px;
}
.name_items_items_sp a{
    line-height:29px;
    font-weight:normal;
    color:#417584;
    font-size:12px;
}

/*Danh muc san pham chan trang*/
.ul_sp{
    float:left;
    width:20%;	
}
.ul_sp li{
    padding:2px 0;	
}
.ul_sp li a{
    font-weight:normal;
    color:#929292;
    font-size:13px;
}
.ul_sp h2 a{
    font-weight:bold;
    margin-bottom:10px;
    display:block;
}
/**************Footer************/

.copyright{
    font-weight:bold;
    color:#417584;	
    font-size:12px;
}
#footer .main{
    border-top:2px solid #d5e2c9;
    padding:15px 0 45px 0;
    text-align:center;	
}
.icon_info_web{
    margin:0 auto;
    margin-top:6px;
    margin-bottom:45px;	
    width:275px;
}
.icon_info_web li{
    float: left;
    padding-left: 28px;
    font-weight: normal;
    height: 25px;
    line-height: 24px;
    margin-right:20px;
    font-size:12px;

}
.icon_info_web li a{
    font-weight:normal;	
}
.icon_phone {
    background:url(../image/icon_telephone.png) left top no-repeat;	
}
.icon_fax {
    background:url(../image/icon_fax.png) left top no-repeat;	
}
.img_backhome{
    position:fixed;
    right:0;
    top:30%;
}

.path_way{
    margin-bottom:10px;
}
.path_way a{
    font-size:13px;
    line-height:34px;
    padding-right:7px;
}
.sub_path_way{
    background:url(../image/icon_pathway.jpg) left 5px no-repeat;
    padding-left:14px;
}
.path_way a.curent{
    font-weight:bold;
}
/*Trang danh mục sản phẩm*/
.box_danhmuc .title{
    display:none;
}
.items_danhmuc{
    width:218px;
    height:310px;
    border:1px solid #cecece;
    position:relative;
    text-align:center;
    margin:0 20px 37px 0;
    float:left;
}
.img_items_danhmuc{
    width:218px;
    height:207px;
}
.items_danhmuc .icon_down{
    top:8px;
    right:9px;
    left:auto;
}
.h2_items_danhmuc{
    background-color:#e9eff5;
}
.h2_items_danhmuc .name_items_danhmuc{
    padding:6px 7px;
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    overflow: hidden;
    text-align: center;

}
.name_items_danhmuc small{
    color: #4B4B4B;
    font-size: 11px;
    font-weight: normal;
}
.clearboth{
    clear:both;
}

*Trabg chi tiet san pham*/
.content_sp{
    margin:20px 0;
}
.content_sp h1{
    font-size:18px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#207a0f;
    margin-bottom:10px;
}
.content_sp p{
    margin-bottom:12px;
    font-size:12px;
}
.content_sp *{
    font-family:Verdana, Geneva, sans-serif;	
}
.icon_buynow{
    display:block;
    margin:10px 0;
}

/**form search input*/
div#search{
    background: url("../image/bg_search.jpg") no-repeat scroll left 3px transparent;
    width: 282px;
    height: 27px;
    position:relative;
}
#search input{
    position:relative;
}
.button-search{
    position: absolute!important;
    top: 3px !important;	
}
.input_search{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #202020;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin: 0;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-top: 4px;
    position: absolute;
    width: 245px;
}

/*Form newsletter*/
.form_dangky *{
    font-size:12px;
}
.div_text_coupon{
    margin-bottom:15px;
    clear:both;
}
.form_dangky{
    border:1px solid #a4a4a4;
    padding:10px 0;
    display:none;
}
.img_form_dangky{
    float:left;
    width:330px;

}
.info_form_dangky{
    float:right;
    width:600px;
}
.info_form_dangky h2{
    font-size:17px;
    color:#68a631;
    margin:15px 0 0 0;
}
.text_coupon{
    display:block;
    float:left;
    width:69px;
}
.input_coupon input{
    border:1px solid #bfe69e;
    width:200px;
    height:17px;
    background-color:#f6fbf1;
}
.input_coupon{
    display:block;
    float:left;
}
.row_coupon{
    margin-bottom:12px;
}
/**Dang ky form*/
#bg_form_muahang{
    position:fixed;
    top:25%;	
    background-color:white;
    z-index:9999;
    display:none;
    margin:0 auto;
    width:1000px;
}
.bg_web{
    background:url(../image/bg_nen_2.png) left top repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
    display:block;
}

/*Edit ngay 3-4-2013 chinh sua color cua website theo category*/
/*hOOVER TAI TRANG CHU*/
.border_hover{
    border:1px solid #8fb76e;	
}
.bg_hover{
    background:#8fb76e;
}

/* Easy Slider */
.fix_position{
    position:relative;	
}
#slider{
    clear:both;
    position:relative;	
    width: 938px;
    height: 209px;
    border:1px solid #cecece;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
    /* 
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
    */ 
    width: 938px;
    height: 209px;
    overflow:hidden; 
}	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    z-index:1000;
}	
#nextBtn, #slider1next{ 
    left:696px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:30px;
    height:77px;
    /*background:url(../images/btn_prev.gif) no-repeat 0 0;	*/
}	
#nextBtn a, #slider1next a{ 
    /*background:url(../images/btn_next.gif) no-repeat 0 0;*/	
}	

/* numeric controls */	

ol#controls{
    padding: 0;
    height: 6px;
    bottom: 7px;
    position: absolute;
    right: 13px;
}
ol#controls li{
    margin:0 4px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:6px;
    line-height:6px;
}
ol#controls li a{
    float:left;
    height:6px;
    line-height:6px;
    background:#d3d0cd;
    color:#555;
    width:6px;
    display:block;
    text-decoration:none;
    font-size:0;
}
.fix_position ol#controls li.current a{
    background:#68A631!important;
    color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */


